<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
	<head>
		<title>团结一心</title>
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport"
			content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta charset="utf-8">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
		<!-- Stylesheets-->
		<link rel="stylesheet" type="text/css"
			href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7CPoppins:400%7CTeko:300,400">
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/fonts.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/light.min.css">
		<link rel="stylesheet" href="css/t.css">
		<style>
			/* 封装模块的CSS，避免影响其他模块 */
			.unity-module * {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				font-family: Arial, sans-serif;
			}

			.unity-module .container {
				display: flex;
				height: 100vh;
			}

			.unity-module .image-section {
				flex: 1;
			/* 	background-image: url('i');
				/* 替换为实际图片路径 */ */
				background-size: cover;
				background-position: center;
				display: flex;
				justify-content: center;
				align-items: center;
				 margin-left: 230px;
			}

			.unity-module .image-section img {
				max-width: 100%;
				height: auto;
				border-radius: 10px;
			}

			.unity-module .content-section {
				flex: 1;
				padding: 40px;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}

			.unity-module .welcome-text {
				color: #ff4d4d;
				font-size: 14px;
				margin-bottom: 10px;
			}

			.unity-module h1 {
				font-size: 36px;
				color: #333;
				margin-bottom: 20px;
			}

			.unity-module p {
				color: #666;
				line-height: 1.6;
				margin-bottom: 20px;
			}

			.unity-module .stats {
				display: flex;
				justify-content: space-between;
				text-align: center;
			}

			.unity-module .stat-box {
				background-color: #f8f8f8;
				padding: 20px;
				flex: 1;
				margin: 0 10px;
			}

			.unity-module .stat-number {
				font-size: 24px;
				font-weight: bold;
			}

			.unity-module .stat-label {
				font-size: 12px;
				color: #ff4d4d;
				margin-top: 5px;
			}
		</style>


		<style>
			/* Ticker Styling */
			.ticker-wrapper.has-js {
				margin: 0;
				padding: 0;
				width: 780px;
				height: 32px;
				display: block;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				background-color: inherit;
				font-size: inherit;
			}

			.ticker {
				width: 710px;
				height: 23px;
				display: block;
				position: relative;
				overflow: hidden;
				background-color: #fff;

				@media #{$xs} {
					width: 200px;
				}
			}

			.ticker-title {
				padding-top: 9px;
				color: #990000;
				font-weight: bold;
				background-color: #fff;
				text-transform: capitalize;
			}

			.ticker-content {
				margin: 0px;
				/* padding-top: 9px; */
				position: absolute;
				color: #506172;
				font-weight: normal;
				background-color: #fff;
				overflow: hidden;
				white-space: nowrap;
				font-family: "Roboto", sans-serif;
				font-size: 16px;
			}

			.ticker-content:focus {
				none;
			}

			.ticker-content a {
				text-decoration: none;
				color: #1F527B;
			}

			.ticker-content a:hover {
				text-decoration: underline;
				color: #0D3059;
			}

			.ticker-swipe {
				padding-top: 9px;
				position: absolute;
				top: 0px;
				background-color: #fff;
				display: block;
				width: 800px;
				height: 23px;
			}

			.ticker-swipe span {
				margin-left: 1px;
				background-color: #fff;
				border-bottom: 1px solid #1F527B;
				height: 12px;
				width: 7px;
				display: block;
			}

			.ticker-controls {
				padding: 8px 0px 0px 0px;
				list-style-type: none;
				float: left;
			}

			.ticker-controls li {
				padding: 0px;
				margin-left: 5px;
				float: left;
				cursor: pointer;
				height: 16px;
				width: 16px;
				display: block;
			}

			.ticker-controls li.jnt-play-pause {
				background-image: url('../images/controls.png');
				background-position: 32px 16px;
			}

			.ticker-controls li.jnt-play-pause.over {
				background-position: 32px 32px;
			}

			.ticker-controls li.jnt-play-pause.down {
				background-position: 32px 0px;
			}

			.ticker-controls li.jnt-play-pause.paused {
				background-image: url('../images/controls.png');
				background-position: 48px 16px;
			}

			.ticker-controls li.jnt-play-pause.paused.over {
				background-position: 48px 32px;
			}

			.ticker-controls li.jnt-play-pause.paused.down {
				background-position: 48px 0px;
			}

			.ticker-controls li.jnt-prev {
				background-image: url('../images/controls.png');
				background-position: 0px 16px;
			}

			.ticker-controls li.jnt-prev.over {
				background-position: 0px 32px;
			}

			.ticker-controls li.jnt-prev.down {
				background-position: 0px 0px;
			}

			.ticker-controls li.jnt-next {
				background-image: url('../images/controls.png');
				background-position: 16px 16px;
			}

			.ticker-controls li.jnt-next.over {
				background-position: 16px 32px;
			}

			.ticker-controls li.jnt-next.down {
				background-position: 16px 0px;
			}

			.js-hidden {
				display: none;
			}

			.no-js-news {
				padding: 10px 0px 0px 45px;
				color: #fff;
			}

			.left .ticker-swipe {
				/*left: 80px;*/
			}

			.left .ticker-controls,
			.left .ticker-content,
			.left .ticker-title,
			.left .ticker {
				float: left;
			}

			.left .ticker-controls {
				padding-left: 6px;
			}

			.right .ticker-swipe {
				/*right: 80px;*/
			}

			.right .ticker-controls,
			.right .ticker-content,
			.right .ticker-title,
			.right .ticker {
				float: right;
			}

			.right .ticker-controls {
				padding-right: 6px;
			}
		</style>

		<style>
			/* 外层封装盒子样式 */
			.module-box {
				padding: 0rem;
				background-color: #f9f9f9;
				border-radius: 8px;
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
				margin: 0rem 0;
			}

			/* 内层 who-we-are 样式 */
			.who-we-are {
				padding: 4rem 1rem;
				max-width: 1200px;
				margin: 0 auto;
			}

			.container {
				width: 100%;
			}

			.title {
				text-align: center;
				color: #F4A460;
				font-size: 3rem;
				margin-bottom: 3rem;
			}

			.content-wrapper {
				display: grid;
				grid-template-columns: 1fr;
				gap: 2rem;
			}

			@media (min-width: 768px) {
				.content-wrapper {
					grid-template-columns: 1fr 1fr;
				}
			}

			.image-container {
				width: 100%;
			}

			.feature-image {
				width: 100%;
				height: auto;
				object-fit: cover;
				border-radius: 4px;
			}

			.text-content {
				display: flex;
				flex-direction: column;
				gap: 1rem;
			}

			.heading {
				font-size: 3rem;
				font-weight: bold;
				margin-bottom: 1rem;
			}

			.paragraph {
				color: #666;
				font-size: 1rem;
				line-height: 1.6;
			}

			/* 				.paragraph::first-letter {
				    font-size: 3rem; /* 根据需要调整大小 */
			font-weight: bold;
			/* 可选：加粗 */
			float: left;
			/* 可选：使其与文本对齐 */

			margin-right: 0.1em;
			/* 可选：增加右边距 */
			}

			*/
		</style>

	</head>
	<body>
		<div class="preloader">
			<div class="preloader-body">
				<div class="cssload-container">
					<div class="cssload-speeding-wheel"></div>
				</div>
				<p>Loading...</p>
			</div>
		</div>
		<div class="page">
			<!-- Page Header-->
			<header class="section page-header">
				<!-- RD Navbar-->
				<div class="rd-navbar-wrap">
					<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed"
						data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed"
						data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static"
						data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static"
						data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static"
						data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px"
						data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="106px" data-lg-stick-up="true"
						data-xl-stick-up="true" data-xxl-stick-up="true">
						<div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1"
							data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>
						<div class="rd-navbar-aside-outer">
							<div class="rd-navbar-aside">
								<!-- RD Navbar Panel-->
								<div class="rd-navbar-panel">
									<!-- RD Navbar Toggle-->
									<button class="rd-navbar-toggle"
										data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
									<!-- RD Navbar Brand-->
									<div class="rd-navbar-brand"><a class="brand" href="index.html"><img
												src="images/图标.jpg" alt="" width="188" height="19" /></a></div>
								</div>
								<div class="rd-navbar-aside-right rd-navbar-collapse">
									<ul class="rd-navbar-corporate-contacts">
										<li>
											<div class="unit unit-spacing-xs">
												<div class="unit-left"><span class="icon fa fa-clock-o"></span></div>
												<div class="unit-body">
													<p>09:00<span>am</span> — 05:00<span>pm</span></p>
												</div>
											</div>
										</li>
										<li>
											<div class="unit unit-spacing-xs">
												<div class="unit-left"><span class="icon fa fa-phone"></span></div>
												<div class="unit-body"><a class="link-phone"
														href="tel:#">0851-7273643</a></div>
											</div>
										</li>
									</ul><a class="button button-md button-default-outline-2 button-ujarak"
										href="#">获取热门资讯</a>
								</div>
							</div>
						</div>
						<div class="rd-navbar-main-outer">
							<div class="rd-navbar-main">
								<div class="rd-navbar-nav-wrap">
									<ul class="list-inline list-inline-sm social-list">
										<li><a class="icon fal fa-comments" href="https://wx.qq.com/"></a></li>
										<!-- 微信图标 -->
										<li><a class="icon fa fa-weibo"
												href="https://weibo.com/newlogin?tabtype=weibo&gid=102803&openLoginLayer=0&url=https%3A%2F%2Fwww.weibo.com%2F"></a>
										</li> <!-- 微博图标 -->
										<li><a class="icon fa fa-qq" href="https://im.qq.com/index/"></a></li>
										<!-- QQ图标 -->
									</ul>
									<!-- RD Navbar Nav-->
									<ul class="rd-navbar-nav">
										<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">华诞七十五周年</a>
										<li class="rd-nav-item"><a class="rd-nav-link" href="数智经济.html">数智经济</a>
										<li class="rd-nav-item"><a class="rd-nav-link" href="blog-post.html">时事快报</a>
											<!-- RD Navbar Dropdown-->
											<ul class="rd-menu rd-navbar-dropdown">
												<li class="rd-dropdown-item"><a class="rd-dropdown-link"
														href="快讯.html">盛世华章——国旗升起的时刻</a></li>
												<li class="rd-dropdown-item"><a class="rd-dropdown-link"
														href="发展.html">新中国发展——从崛起到辉煌</a></li>
												<li class="rd-dropdown-item"><a class="rd-dropdown-link"
														href="辉煌.html">辉煌成就——途中的璀璨华章</a></li>
											</ul>
										</li>
										<li class="rd-nav-item active"><a class="rd-nav-link"
												href="full-width-gallery.html">团结一心</a>
										</li>
										<li class="rd-nav-item"><a class="rd-nav-link" href="利刃.html">国之楷模</a>
											<!-- RD Navbar Megamenu-->
										<li class="rd-nav-item"><a class="rd-nav-link" href="青年.html">青年筑梦</a>

										</li>
									</ul>
								</div>
							</div>
						</div>
					</nav>
				</div>
			</header>
			<!-- Breadcrumbs -->


			<div class="gallery-container">
				<div class="carousel">
					<img src="images/泼水节(1).jpg" alt="Image 1" style="--rotateY: 0deg;">
					<img src="images/雪顿节.jpg" alt="Image 2" style="--rotateY: 51.43deg;">
					<img src="images/lt2.jpg" alt="Image 3" style="--rotateY: 102.86deg;">
					<img src="images/lt3.jpg" alt="Image 4" style="--rotateY: 154.29deg;">
					<img src="images/三月三(1).jpg" style="--rotateY: 205.71deg;">
					<img src="images/lt5.jpg" alt="Image 6" style="--rotateY: 257.14deg;">
					<img src="images/lt4.jpg" alt="Image 7" style="--rotateY: 308.57deg;">
				</div>
			</div>
<style>
    .gallery-container {
        background-color: #f0f8ff; /* 或者使用背景图片 */
        background-image: url('images/3d背景.jpg');
        background-size: cover;
        background-position: center;
        padding: 20px;
    }
</style>

			<!-- Trending Area Start -->
			<div class="trending-area fix">
				<div class="container">
					<div class="trending-main">
						<!-- Trending Tittle -->
						<div class="row">
							<div class="col-lg-12">
								<div class="trending-tittle">
									<strong>视频欣赏</strong>
									<!-- <p>Rem ipsum dolor sit amet, consectetur adipisicing elit.</p> -->
									<div class="trending-animated">
										<ul id="js-news" class="js-hidden">

										</ul>
									</div>

								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-8">
								
								<!-- Trending Top -->
								<div class="trending-top mb-30">
								    <div class="trend-top-img">
								        <video id="video-element" src="images/民族视频.mp4" width="800" controls loop autoplay muted>
								        </video>
								    </div>
								</div>
								<!-- Trending Bottom -->
								<div class="trending-bottom">
									<div class="row">
										<div class="col-lg-4">
											<div class="single-bottom mb-35">
												<div class="trend-bottom-img mb-30">
													<img src="images/那达慕大会(2).jpg" alt="">
												</div>
												<div class="trend-bottom-cap">
													<span class="color1">蒙古族</span>
													<h4><a
															href="details.html">那达慕大会是蒙古族的盛会，以摔跤、赛马、射箭为主，展示草原文化的豪放与热情。</a>
													</h4>
												</div>
											</div>
										</div>
										<div class="col-lg-4">
											<div class="single-bottom mb-35">
												<div class="trend-bottom-img mb-30">
													<img src="images/泼水节(1).jpg" alt="">
												</div>
												<div class="trend-bottom-cap">
													<span class="color2">傣族</span>
													<h4><a href="details.html">泼水节是傣族的传统节日，泼水象征着祝福与祈愿，展现热情友好的民族性格。</a>
													</h4>
												</div>
											</div>
										</div>
										<div class="col-lg-4">
											<div class="single-bottom mb-35">
												<div class="trend-bottom-img mb-30">
													<img src="images/火把节.jpg" alt="">
												</div>
												<div class="trend-bottom-cap">
													<span class="color3">彝族</span>
													<h4><a href="details.html">火把节是彝族的传统庆典，点燃火把象征光明，表达对自然和丰收的祈愿。</a>
													</h4>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- Right content -->
							<div class="col-lg-4">
								<div class="trand-right-single d-flex">
									<div class="trand-right-img">
										<img src="images/芦笙节.jpg" alt="">
									</div>
									<div class="trand-right-cap">
										<span class="color1">苗族</span>
										<h4><a href="details.html">苗族的芦笙节展现了独特的吹奏与舞蹈表演，是展示民族艺术的盛会。</a></h4>
									</div>
								</div>
								<div class="trand-right-single d-flex">
									<div class="trand-right-img">
										<img src="images/雪顿节.jpg" alt="">
									</div>
									<div class="trand-right-cap">
										<span class="color3">藏族</span>
										<h4><a href="details.html">雪顿节是藏族重要的节日之一，以品尝酸奶、观赏藏戏、祈福等活动为主。</a></h4>
									</div>
								</div>
								<div class="trand-right-single d-flex">
									<div class="trand-right-img">
										<img src="images/大歌节.jpg" alt="">
									</div>
									<div class="trand-right-cap">
										<span class="color2">侗族</span>
										<h4><a href="details.html">侗族的大歌节展现侗族的传统大歌，优美的和声是其独特文化遗产。</a></h4>
									</div>
								</div>
								<div class="trand-right-single d-flex">
									<div class="trand-right-img">
										<img src="images/古尔邦节.jpg" alt="">
									</div>
									<div class="trand-right-cap">
										<span class="color4">维吾尔族</span>
										<h4><a href="details.html">新疆的古尔邦节是维吾尔族的重要节日，期间有丰富的美食和传统歌舞表演。</a></h4>
									</div>
								</div>
								<!-- <div class="trand-right-single d-flex">
								<div class="trand-right-img">
									<img src="images/长鼓舞节.jpg" alt="">
								</div> -->
								<!-- <div class="trand-right-cap">
									<span class="color1">朝鲜族</span>
									<h4><a href="details.html">朝鲜族的长鼓舞节以欢快的舞蹈和鼓乐展示了朝鲜族的传统文化和生活热情。</a></h4>
								</div> -->
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- Trending Area End -->





		<div class="unity-module">
			<div class="container">
				<!-- 左侧区域加入照片 -->
				<div class="image-section">
					
				</style>>
					<img src="images/民族团结(1)(1).jpg" alt="中华民族大团结" /> <!-- 替换为实际图片路径 -->
				</div>
				<div class="content-section">
					<div class="welcome-text"></div>
					<h1>团结凝聚，铸就辉煌未来</h1>
					<p>在世界的东方，屹立着一个拥有悠久历史的伟大民族，她是五千年文明的摇篮。中华民族大团结不仅象征着历史的辉煌，更标志着各民族人民的携手前行，共创未来。</p>
					<p>全国各地的同胞们，从黄河之北到长江之南，少数民族和汉族同胞一道，共同描绘出中华大地的繁荣画卷。在这片热土上，我们共同面对挑战，迎接每一个希望的黎明。</p>
					<div class="stats">
						<div class="stat-box">
							<div class="stat-number">56</div>
							<div class="stat-label">个民族共创辉煌</div>
						</div>
						<div class="stat-box">
							<div class="stat-number">960万+</div>
							<div class="stat-label">平方公里疆土</div>
						</div>
						<div class="stat-box">
							<div class="stat-number">14亿</div>
							<div class="stat-label">人共同奋斗</div>
						</div>
						<div class="stat-box">
							<div class="stat-number">70+</div>
							<div class="stat-label">年建设成就</div>
						</div>
					</div>
				</div>
			</div>
		</div>





		<section class="module-box">
			<div class="who-we-are">
				<div class="container">
					<h1 class="title">中华民族一家亲</h1>

					<div class="content-wrapper">
						<div class="image-container">
							<img src="images/(3).jpg" alt="Person waiting on a foggy train platform next to a train"
								class="feature-image">
						</div>

						<div class="text-content">
							<h2 class="heading">像石榴籽紧紧抱在一起</h2>

							<p class="paragraph">
								我国是一个多民族国家，拥有56个民族，各民族在历史、文化和语言上具有丰富的多样性。为了促进民族团结，我国政府始终坚持民族平等和团结的原则，积极推动各民族的经济、文化和社会发展。实施区域自治政策，使各民族在地方治理中享有一定的自主权，从而促进了自身的发展与管理。在教育和文化领域，各民族的传统文化得到了保护与传承，民族团结教育在学校广泛开展，增强了学生对民族团结的认识。同时，国家通过举办各类民族文化活动，如民族大联欢、文化节等，增进了不同民族之间的交流与理解。经济方面，国家加大了对少数民族地区的投资力度，通过基础设施建设和产业扶持，提升了这些地区的经济发展水平，提高了民众的生活质量。这些努力不仅促进了各民族的共同繁荣，也为实现社会和谐奠定了基础，充分体现了对多元文化的包容和对各民族共同发展的重视，为国家的稳定与繁荣提供了重要保障。
							<p class="paragraph">
								在新时代背景下，我国继续深化民族团结的各项举措，强调各民族共同发展的重要性。国家通过强化民族团结教育，培养全民族的认同感，增强各民族的共同意识。同时，鼓励民族间的经济合作，推动少数民族地区的基础设施建设和产业发展，以提升当地居民的生活水平。此外，法律保障机制不断完善，确保各民族的合法权益，维护社会公平正义。通过举办各类民族文化交流活动，增进了不同民族之间的理解与尊重，形成了和谐共处的良好局面。民族团结不仅是国家稳定的基石，也是实现可持续发展的重要保障。展望未来，我国将继续推动各民族携手共进，促进共同繁荣，为实现中华民族的伟大复兴而努力。
							</p>
						</div>
					</div>
				</div>
			</div>
		</section>






























		<!-- Grid Gallery-->
		<section class="section section-xl section-fluid bg-default text-center isotope-wrap">
			<div class="container-fluid">
				<div class="isotope-filters isotope-filters-horizontal">
					<button
						class="isotope-filters-toggle button button-md button-icon button-icon-right button-black-outline button-wapasha"
						data-custom-toggle="#isotope-3" data-custom-toggle-hide-on-blur="true"><span
							class="icon fa fa-caret-down"></span>Filter</button>
					<ul class="isotope-filters-list" id="isotope-3">
						<li><a class="active" href="#" data-isotope-filter="*" data-isotope-group="gallery">全部</a>
						</li>
						<li><a href="#" data-isotope-filter="Type 1" data-isotope-group="gallery">人物</a>
						</li>
						<li><a href="#" data-isotope-filter="Type 2" data-isotope-group="gallery">庆典</a>
						</li>
						<li><a href="#" data-isotope-filter="Type 3" data-isotope-group="gallery">其他</a></li>
					</ul>
				</div>
				<div class="row row-30 isotope" data-isotope-layout="fitRows" data-isotope-group="gallery"
					data-lightgallery="group">
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 3">
						<!-- Thumbnail Classic-->
						<article class="thumbnail thumbnail-classic thumbnail-md">
							<!-- //大图片 -->
							<div class="thumbnail-classic-figure"><img src="images/xiaolian(1).jpg" alt="" width="1200"
									height="800" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/xiaolian(1)(1).jpg" data-lightgallery="item"><img
											src="images/xiaolian(1)(1).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">最美笑脸</h5>
									<p class="thumbnail-classic-text">
										少数民族的最美笑脸，就像这张照片中的孩子们一样，充满了纯真、快乐和活力。他们的笑容不仅展现了个人情感，更代表了各自民族的独特魅力和文化风情。每一个笑脸都是一张生动的名片，传递着友谊、和谐与美好的愿景。
									</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 2"
						data-wow-delay=".1s">
						<!-- Thumbnail Classic-->
						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/qingdiian.jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/qingdiian(1).jpg" data-lightgallery="item"><img
											src="images/qingdiian(1).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">庆典盛况</h5>
									<p class="thumbnail-classic-text">
										草地上，一群人身着色彩鲜艳的传统服饰，打着伞，手拉手欢庆。人群分布画面中央，背景有观众，整个场景洋溢着欢乐与庆祝的氛围。</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 1"
						data-wow-delay=".2s">
						<!-- Thumbnail Classic-->
						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/bayika(1).jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/bayika(1)(1).jpg" data-lightgallery="item"><img
											src="images/bayika(1)(1).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">人民卫士</h5>
									<p class="thumbnail-classic-text">
										扎依卡·凯力迪别克，荣誉众多的他却从不懈怠，努力追求进步，竭尽全力为基层各族群众解决实际困难，用生命诠释了一名共产党员的初心与担当，让帕米尔高原上的民族团结进步之花更加绚丽。
									</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInLeft" data-filter="Type 3"
						data-wow-delay=".3s">
						<!-- Thumbnail Classic-->
						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/30nian(1).jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/30nian(1)(1).jpg" data-lightgallery="item"><img
											src="images/30nian(1(1)).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">援藏30周年</h5>
									<p class="thumbnail-classic-text">
										援藏30周年，见证了无数感人故事与奋斗历程。各地援藏工作者积极投身西藏建设，推动教育、医疗、基础设施等领域的发展，帮助当地人民改善生活。三十年的努力，凝聚了深厚的情谊，谱写了民族团结与共同发展的华美篇章。
									</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInRight" data-filter="Type 2">
						<!-- Thumbnail Classic-->

						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/xiaoyunhui(1).jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/xiaoyunhui(1)(1).jpg" data-lightgallery="item"><img
											src="images/xiaoyunhui(1)(1).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">民族大团结</h5>
									<p class="thumbnail-classic-text">
										在校运会上，56个民族的同学们齐聚一堂，身着各自民族的传统服饰，展示丰富多彩的民族舞蹈。随着欢快的音乐响起，舞者们翩翩起舞，展现出各民族的独特风情与团结精神，场面热烈而感人，传递着友谊与和谐的美好愿景。
									</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInRight" data-filter="Type 1"
						data-wow-delay=".1s">
						<!-- Thumbnail Classic-->
						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/zhuoga1(1).jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/zhuoga(1).jpg" data-lightgallery="item"><img
											src="images/zhuoga(1).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">草原最美桑格花</h5>
									<p class="thumbnail-classic-text">
										作为“爱国守边精神”的传承者，西藏自治区隆子县玉麦乡玉麦村农民、二十大代表、“七一勋章”获得者、“时代楷模”卓嘎几十年如一日，扎根祖国边陲，以抵边放牧、抵边巡逻的方式，守护祖国边疆，用实际行动践行了“再苦再累也要守好祖国每一寸土地”的誓言，谱写了爱国守边的动人故事与时代赞歌。
									</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInRight" data-filter="Type 3"
						data-wow-delay=".2s">
						<!-- Thumbnail Classic-->

						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/tielu(1).jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/tielu(1)(1).jpg" data-lightgallery="item"><img
											src="images/tielu(1)(1).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">青藏铁路</h5>
									<p class="thumbnail-classic-text">
										青藏铁路在民族团结方面发挥了重要作用，促进了西藏与内地的经济、文化交流，增强了各民族之间的相互理解与认同。通过便利的交通，推动了旅游业和商贸发展，提升了当地民众的生活水平，促进了民族团结和社会稳定。
									</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInRight" data-filter="Type 2"
						data-wow-delay=".3s">
						<!-- Thumbnail Classic-->
						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/lianhuan(1).jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/lianhuan(1)(1).jpg" data-lightgallery="item"><img
											src="images/lianhuan(1)(1).jpg" alt="" width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">民族大联欢</h5>
									<p class="thumbnail-classic-text">
										贵阳民族大联欢是一场盛大的文化盛宴，汇聚了各民族的传统歌舞和特色美食。活动中，五彩斑斓的民族服饰和热情洋溢的表演展现了丰富的民族文化，增进了各民族之间的交流与理解，营造了和谐共融的氛围，体现了贵阳多元文化的独特魅力。
									</p>
								</div>
							</div>
						</article>
					</div>
					<div class="col-sm-6 col-lg-4 col-xxl-3 isotope-item wow fadeInRight" data-filter="Type 2"
						data-wow-delay=".3s">
						<!-- Thumbnail Classic-->
						<article class="thumbnail thumbnail-classic thumbnail-md">
							<div class="thumbnail-classic-figure"><img src="images/三月三(1).jpg" alt="" width="420"
									height="350" />
							</div>
							<div class="thumbnail-classic-caption">
								<div class="thumbnail-classic-title-wrap"><a class="icon fl-bigmug-line-zoom60"
										href="images/" data-lightgallery="item"><img src="images/三月三(2).jpg" alt=""
											width="420" height="350" /></a>
									<h5 class="thumbnail-classic-title">三月三</h5>
									<p class="thumbnail-classic-text">
										每年农历三月初三，人们会举行丰富多彩的庆祝活动，如唱山歌、抛绣球、祭祖等。这一天不仅是纪念民族英雄刘三姐的日子，也是祈求风调雨顺、五谷丰登的节庆。许多人穿上传统服饰，走进山间田野，以歌会友，载歌载舞，展现出浓厚的民族特色和对生活的热爱。
									</p>
								</div>
							</div>
						</article>
					</div>
				</div>
				<div class="button-wrap">
					<button class="button button-md button-black-outline button-wapasha">更多</button>
				</div>
			</div>
		</section>
		<!-- Page Footer-->

		<footer class="section footer-corporate context-dark">
			<div class="footer-corporate-inset">
				<div class="container">
					<div class="row row-40 justify-content-lg-between">
						<div class="col-sm-6 col-md-12 col-lg-3 col-xl-4">
							<div class="oh-desktop">
								<div class="wow slideInRight" data-wow-delay="0s">
									<h6 class="text-spacing-100 text-uppercase">联系我们</h6>
									<ul class="footer-contacts d-inline-block d-sm-block">
										<li>
											<div class="unit">
												<div class="unit-left"><span class="icon fa fa-phone"></span></div>
												<div class="unit-body"><a class="link-phone"
														href="tel:#">0851-7273643</a></div>
											</div>
										</li>
										<li>
											<div class="unit">
												<div class="unit-left"><span class="icon fa fa-envelope"></span>
												</div>
												<div class="unit-body"><a class="link-aemail"
														href="mailto:#">736485639@qq.com</a></div>
											</div>
										</li>
										<li>
											<div class="unit">
												<div class="unit-left"><span class="icon fa fa-location-arrow"></span>
												</div>
												<div class="unit-body"><a class="link-location" href="#">贵阳人文科技学院</a>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="col-sm-6 col-md-5 col-lg-3 col-xl-4">
							<div class="oh-desktop">
								<div class="wow slideInDown" data-wow-delay="0s">
									<h6 class="text-spacing-100 text-uppercase">热门新闻</h6>
									<!-- Post Minimal 2-->
									<article class="post post-minimal-2">
										<p class="post-minimal-2-title"><a href="blog-post.html">盛世华章——国旗升起的时刻</a>
										</p>
										<div class="post-minimal-2-time">
											<time datetime="2022-05-04">10 01, 2024</time>
										</div>
									</article>
									<!-- Post Minimal 2-->
									<article class="post post-minimal-2">
										<p class="post-minimal-2-title"><a href="blog-post.html">筑牢民族团结，共建美好家园</a>
										</p>
										<div class="post-minimal-2-time">
											<time datetime="2022-05-04">10 01, 2024</time>
										</div>
									</article>
								</div>
							</div>
						</div>
						<div class="col-sm-11 col-md-7 col-lg-5 col-xl-4">
							<div class="oh-desktop">
								<div class="wow slideInLeft" data-wow-delay="0s">
									<h6 class="text-spacing-100 text-uppercase">快速导航</h6>
									<ul
										class="row-6 list-0 list-marked list-marked-md list-marked-secondary list-custom-2">
										<li><a href="index.html">华诞七十五周年</a></li>
										<li><a href="our-tours.html">数智经济</a></li>
										<li><a href="快讯.html">时事快报</a></li>
										<li><a href="团结.html">团结一心</a></li>
										<li><a href="利刃.html">国之楷模</a></li>
									</ul>
									<div class="group-md group-middle justify-content-sm-start"><a
											class="button button-lg button-primary button-ujarak" href="#">回到首页</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</footer>
		</div>
		<!-- Global Mailform Output-->
		<div class="snackbars" id="form-output-global"></div>
		<!-- Javascript-->
		<script src="js/core.min.js"></script>
		<script>
			document.addEventListener('DOMContentLoaded', () => {
				const timeline = document.querySelector('.timeline');
				const items = document.querySelectorAll('.timeline-item');
				const leftButton = document.querySelector('.scroll-button.left');
				const rightButton = document.querySelector('.scroll-button.right');
				// Intersection Observer for animations
				const observer = new IntersectionObserver((entries) => {
					entries.forEach(entry => {
						if (entry.isIntersecting) {
							entry.target.classList.add('visible');
						}
					});
				}, {
					threshold: 0.5
				});
				items.forEach(item => observer.observe(item));
				// Scroll buttons
				leftButton.addEventListener('click', () => {
					timeline.scrollBy({
						left: -300,
						behavior: 'smooth'
					});
				});
				rightButton.addEventListener('click', () => {
					timeline.scrollBy({
						left: 300,
						behavior: 'smooth'
					});
				});
			});
		</script>
		<script src="js/script.js"></script>
		<script>
		    // 获取视频元素
		    var video = document.getElementById('video-element');
		
		    // 确保视频在加载时解除静音并自动播放
		    video.play().catch(function(error) {
		        console.log('自动播放被阻止:', error);
		        alert('由于浏览器限制，无法自动播放视频。请点击页面以开始播放。');
		
		        // 用户点击页面后解除静音并播放视频
		        document.addEventListener('click', function() {
		            video.muted = false;  // 解除静音
		            video.play();         // 播放视频
		        }, { once: true });
		    });
		
		    // 可选：监听用户点击事件来解除静音
		    document.addEventListener('click', function() {
		        video.muted = false;  // 解除静音
		    });
		</script>
		
	</body>
</html>